{% extends "../base.html" %}
{% block head %}
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no"/>
<style type="text/css">
*{margin:0; padding:0;}

body{
    font-family:"微软雅黑";
    font-size:13px;
    font-weight:bold;
    text-align:center;
    background:#00ADE6;
}
#page{
    position:relative;
    margin:0 auto;
    min-width:320px;
    /*max-width:640px;*/
    text-align:left;
}
a{ text-decoration:none; }




ul{
    margin-top:12px;
    list-style:none;
}
ul li{
    float:left;
    margin:18px 0 0 36px;
}
ul li a{
    color:#444;
    display:inline-block;
}
ul li a img{ width:59px; height:60px;}
ul li a span{
    display:block;
    line-height:24px;
    text-align:center;
}

/********************************************************************/
/* clear float                                                      */
/********************************************************************/
.clearfix:after{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix{display: inline-block;}
 /* Hides from IE-mac \*/
* html .clearfix{height: 1%;} 
.clearfix{display: block;} 
/* End hide from IE-mac */
</style>
{% endblock %}
{% block content %}
<div id="page">
    <ul class="clearfix">
        <li><a href="nolink://none"><img src="img/icon_18.png" /><span>意見反饋</span></a></li>
        <li><a href="nolink://none"><img src="img/icon_15.png" /><span>會員管理</span></a></li>
        <li><a href="nolink://none"><img src="img/icon_16.png" /><span>設定</span></a></li>
        <li><a href="nolink://none"><img src="img/icon_17.png" /><span>幫助</span></a></li>
        <li><a href="nolink://none"><img src="img/icon_11.png" /><span>有關我們</span></a></li>
    </ul>
</div>
{% endblock %}
